<template>
    <div class="kitchen">
      <!-- <h3>九列表的厨房7</h3> -->

      <div class="product"> 
          <div class="shuju" v-for="(item,index) in productDataact " :key=index >
           <div class="content" v-for="(autitem,index) in item.day_list" :key=index >
             <div class="top">
                <h1>{{autitem.title}}</h1>
             </div>
             <div class="thetwo"> 
             <div class="message">
                <div class="imgs"> <van-icon name="eye-o" /> </div>
                <div class="people">{{autitem.image_h}} </div>
             </div>
             <div class="details"> 
                <div class="star"> <van-icon name="star-o" /> </div>
                <div class="hunmen"> {{autitem.image_w}} </div>
             </div>
              </div>
             <div class="foot">
                <img :src="autitem.image_u" alt="">
             </div>
             
           </div>    
        </div> 
       </div>

    </div>
</template>

<script>
    export default {
        name:"Kitchen",
        
        data(){
       return{
        productDataact:[],
        productDataaend:[],
        tabIndex:0,
        //订单数据
        orderData:[]
    };
  },

  created(){
    this.GetRecommend();
    // this.orderData
  },
  methods:{
    GetRecommend(){
        this.axios({
        method: "get",
        url: "https://apis.netstart.cn/douguo/user/usernotescalendar/16753515/0/20",
        //get请求参数写在params中
        params: {
          appkey: "U2FsdGVkX19WSQ59Cg+Fj9jNZPxRC5y0xB1iV06BeNA=",
          offset: "0",
          limit: "20",
        },
      })
        .then((result) => {
          // console.log("result==>", result);
          if (result) {
            
          }
          this.productDataact = result.data.result.notes;
        //   this.productDataaend = result.data.data;
          // console.log(" this.productDataact==>", this.productDataact);
        })
        .catch((err) => {
          console.log("err==>", err); //用来捕获错误

        });
    },
  },
    }
</script>

<style lang="less" scoped>
  .kitchen{
    .product{
        .shuju{
            padding:10px;
            .content{
                .top{
                    
                    h1{
                       margin-top: 10px;
                    }
                }
                .thetwo{ 
                    display: flex;
                .message{
                    font-size: small;
                    font-weight: 500;
                    display: flex;
                }
                .details{
                    margin-left: 25px;
                    display: flex;
                    font-size: small;
                    font-weight: 500;
                                
                }
            }
                .foot{ 
                    padding: 10px;
                    
                    img{
                        border-radius: 5px;
                        width: 100%;

                    }
                }
            }
        }

    }
  }
</style>